import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import { getTimeStamp, getToken } from '@/utils/auth'
import router from '@/router'

// 创建axios的新对象
const service = axios.create({
  // 设置基地址
  baseURL: process.env.VUE_APP_BASE_API,

  // withCredentials: true, // 如果这个值设置为true代表发axios请求时会携带cookie，默认不携带

  // 设置超时时间为5秒
  timeout: 5000
})

//时间戳(一小时)
const timeout=3600

// 请求拦截
service.interceptors.request.use(async config => {

  // 如果有token才拦截下来加token
  if (store.getters.token) {
    //检测token是否过期,拿到当前token时间戳
    let timeStamp =getTimeStamp()
    //拿到当前时间
    let now = Date.now()
    //计算时间戳已经过了多久是否已经超时
    let time = (now-timeStamp)/1000
    // 如果超过了
    if(time>timeout){
      await store.dispatch('user/logout')
    //提示过期      
    Message.error('登录状态过期,重新登陆')
    router.push('/login')
    return
    }
    // 我请求的信息都在config里面
    config.headers['Authorization'] = 'Bearer ' + store.getters.token
  }

  return config;
  
}, error => {
  return Promise.reject(error)
})

// 响应拦截
service.interceptors.response.use(response => {

  let res = response.data

  if (res.success) {

    return res

  } else {

    // 这次请求失败了，提示出失败原因
    Message.error(res.message)

    // 这句话会让代码报错
    return Promise.reject(res.message)
  }

}, error => {
  // 上一个项目是加在error
  // error要接口报错，没有正常返回才会进到error
  //向服务器返回的token
  if(error.response.data.code=10002){
    store.dispatch('user/logout')
    Message.error('登录过期,重更新登录')
    router.push('/login')
  }
  return Promise.reject(error)
})



export default service
